html, body {
    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
}

body {
    -x-system-font: none;
    font-family: arial, sans-serif;
}

a, a:visited {
    color: #478;
    text-decoration: none;
}

a:hover {
    color: #8ab;
    text-decoration: underline;
}

div#header {
    position:relative;
    background-color: #77C;
    height: 50px;
}

div#header .title {
    color: white;
    float: left;
    font-size: 1.4em;
    padding: 10px;
}

div#header .description {
    color: white;
    float: right;
}

div#container {
    text-align:left;
}

div#footer {
    background:#333333 none repeat scroll 0 0;
    color:#FFFFFF;
}

div#footer p {
    margin:0;
    padding:5px 10px;
}

div#footer a {
    color:#C6D5FD;
    display:inline;
    padding:0;
}

div#container {
    margin: 0 auto;
    width: 750px;
/*    background-color: #111;*/
}

div#navigation {
    float: left;
    width: 200px;
}

div#extra {
    clear: left;
    float: left;
    width:200px;
}

div#footer {
    clear:both;
    width:100%;
}
